﻿<!--Teste-->
<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8" />
    <title>Simple Modal Dialog</title>
    <link rel="stylesheet" href="assets/css/reset.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="assets/css/demo.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="../Source/assets/css/simplemodal.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <script src="assets/javascript/mootools-core-1.3.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/javascript/mootools-more-1.3.1.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Source/simple-modal.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/javascript/demo.js" type="text/javascript" charset="utf-8"></script>
	  <link rel="shortcut icon" type="image/png" href="http://simplemodal.plasm.it/apple-touch-icon.png" />
</head>
<body>
	<div class="header">
    <div class="window"></div>
	  <div class="simple-modal-title"></div>
	</div>
	<div class="wrapper">
		<ul>
			<li class="example-item" id="alert">
				<img src="assets/images/example-1.jpg" width="196" height="147" alt="Example 1">
				<a href="javascript;">Alert</a>
			</li>
			<li class="example-item" id="confirm">
				<img src="assets/images/example-2.jpg" width="196" height="147" alt="Example 2">
				<a href="#">Confirm</a>
			</li>
			<li class="example-item" id="modal">
				<img src="assets/images/example-3.jpg" width="196" height="147" alt="Example 3">
				<a href="#">Modal</a>
			</li>
			<li class="example-item" id="modal-ajax">
				<img src="assets/images/example-4.jpg" width="196" height="147" alt="Example 4">
				<a href="#">Modal Ajax</a>
			</li>
			<li class="example-item" id="modal-image">
				<img src="assets/images/example-5.jpg" width="196" height="147" alt="Example 5">
				<a href="#">Modal Image</a>
			</li>
			<li class="example-item" id="alert-noheader">
				<img src="assets/images/example-6.jpg" width="196" height="147" alt="Example 6">
				<a href="#">No header</a>
			</li>
			<li class="example-item" id="modal-nofooter">
				<img src="assets/images/example-7.jpg" width="196" height="147" alt="Example 7">
				<a href="#">Video embed</a>
			</li>
			<li class="example-item" id="example-eheh">
				<img src="assets/images/example-8.jpg" width="196" height="147" alt="?">
				<a href="#">?</a>
			</li>  
			
		</ul>
		<div class="clear"></div>
		
		<h2>Lightbox Examples</h2>
		
		<div class="clear"></div>
		
		<ul>
			<li class="example-item">
				<a title="Picture 1" rel="simplemodal[examples]" href="assets/images/big/pic-1.jpg">
					<img src="assets/images/pic-1.jpg" width="196" height="147" alt="Creative Commons by Juan Lago" />
				</a>
			</li>
			<li class="example-item">
				<a title="Picture 2" rel="simplemodal[examples]" href="assets/images/big/pic-2.jpg">
					<img src="assets/images/pic-2.jpg" width="196" height="147" alt="Creative Commons by Juan Lago" />
				</a>
			</li>
			<li class="example-item">
				<a title="Picture 3" rel="simplemodal[examples]" href="assets/images/big/pic-3.jpg">
					<img src="assets/images/pic-3.jpg" width="196" height="147" alt="Creative Commons by Juan Lago" />
				</a>
			</li>
			<li class="example-item">
				<a title="Picture 4 (Standalone picture)" rel="simplemodal[other-examples]" href="assets/images/big/pic-4.jpg">
					<img src="assets/images/pic-4.jpg" width="196" height="147" alt="Creative Commons by Juan Lago" />
				</a>
			</li>
		</ul>		
		<div class="clear"></div>
		
		<p class="credits">© 2011 <a title="Plasm" href="http://www.plasm.it">Plasm</a>. All Rights Reserved.</p>
	</div>
	<div class="clear"></div>
</body>
</html>